<div class="admin-transactions">
    <h2>金币交易管理</h2>
    
    <!-- 搜索和筛选区域 -->
    <div class="search-actions">
        <div class="search-bar">
            <input type="text" id="transactionSearchInput" placeholder="搜索用户名..." />
            <button class="btn btn-primary" onclick="searchTransactions()">搜索</button>
        </div>
        <select id="transactionTypeFilter">
            <option value="all">全部类型</option>
            <option value="recharge">充值</option>
            <option value="withdraw">提现</option>
            <option value="reward">悬赏</option>
            <option value="earn">答题收益</option>
        </select>
    </div>
    
    <!-- 交易记录表格 -->
    <div class="table-container">
        <table class="data-table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>用户</th>
                    <th>类型</th>
                    <th>金币数量</th>
                    <th>余额</th>
                    <th>交易时间</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody id="transactionTableBody">
                <tr>
                    <td colspan="7" style="text-align: center; padding: 40px;">
                        <p>加载中...</p>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    
    <!-- 分页控件 -->
    <div id="transactionPagination" class="pagination-container"></div>
</div>